<!DOCTYPE html>
<html lang="zh">

<head>
	<title>小米商城 ← 假的 ver:2.0</title>
	<meta charset="utf-8" content="nofollow">
	<link rel="stylesheet" href="./css/main-style.css">
	<link rel="stylesheet" type="text/css" href="./css/index-style.css">
	<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css">
	<link rel="icon" href="./image/logo-mi.png">
</head>

<body>
	<div id="right_nav">
		<div class="Rnav_1" onmousemove="onMover_1()" onmouseout="onLeaver_1()">
			<img id="Rnav_img_1" src="./image/aside/0.png">
			<div id="Rnav_txt_1">手机APP</div>
		</div>
		<div class="Rnav_1 userinfo" onmousemove="onMover_2()" onmouseout="onLeaver_2()">
			<img id="Rnav_img_2" src="./image/aside/2.png">
			<div id="Rnav_txt_2">个人中心</div>
		</div>
		<div class="Rnav_1" onmousemove="onMover_3()" onmouseout="onLeaver_3()">
			<img id="Rnav_img_3" src="./image/aside/4.png">
			<div id="Rnav_txt_3">售后服务</div>
		</div>
		<div class="Rnav_1" onmousemove="onMover_4()" onmouseout="onLeaver_4()">
			<img id="Rnav_img_4" src="./image/aside/6.png">
			<div id="Rnav_txt_4">联系客服</div>
		</div>
		<div class="Rnav_1 shoppingCart" onmousemove="onMover_5()" onmouseout="onLeaver_5()">
			<img id="Rnav_img_5" src="./image/aside/8.png">
			<div id="Rnav_txt_5">购物车</div>
		</div>
		<div id="goTop" class="Rnav_2" onmousemove="onMover_6()" onmouseout="onLeaver_6()" onclick="goTop()">
			<img id="Rnav_img_6" src="./image/aside/10.png">
			<div id="Rnav_txt_6" style="color: gray;">返回顶部</div>
			<!-- <a href="#Top"><img id="Rnav_img_6" src="./image/aside/10.png"><div id="Rnav_txt_6" style="color: gray;">返回顶部</div></a> -->
		</div>
	</div>
	<div id="Top" class="top_bar">
		<div class="Tnav_box">
			<div class="Tnav_list">
				<a href="javascript:">小米商城</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">MIUI</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">loT</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">云服务</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">天星数科</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">有品</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">小爱开放平台</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">企业团购</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">资质证照</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">协议规则</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">下载app</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">智能生活</a>
				<span class="Tnav_sp">|</span>
				<a href="javascript:">Select Location</a>
			</div>
			<div class="buy_cart">
				<i class="fa fa-shopping-cart"></i>
				<div class="cart">购物车</div>
				<span></span>
			</div>
			<div class="Tnav_info">
				<a href="./login.html">登录</a>
				<span class="Tnav_sp2">|</span>
				<a href="./login.html#reg">注册</a>
				<span class="Tnav_sp2">|</span>
				<a href="javascript:">消息通知</a>
			</div>
		</div>
	</div>
	<div class="head_nav">
		<div class="Hnav_box">
			<div class="Hnav_logo">
				<a href="./index.html" class="Milogo"></a>
			</div>
			<div class="Hnav_ul">
				<div class="Hnav_list">
					<ul>
						<li class="nav_space"></li>
						<li><a href="javascript:">小米手机</a> </li>
						<li><a href="javascript:">Redmi 红米</a></li>
						<li><a href="javascript:">电视</a></li>
						<li><a href="javascript:">笔记本</a></li>
						<li><a href="javascript:">家电</a></li>
						<li><a href="javascript:">路由器</a></li>
						<li><a href="javascript:">智能硬件</a></li>
						<li><a href="javascript:">服务</a></li>
						<li><a href="javascript:">社区</a></li>
					</ul>
				</div>
			</div>
			<div class="nav_search">
				<form class="input_search">
					<input type="search" id="search" name="keyword" placeholder="请输入搜索内容">
					<div class="search_icon"></div>
				</form>
				<ul class="searchList">
					<li>全部商品</li>
					<li>小米11</li>
					<li>小米10S</li>
					<li>小米手机</li>
					<li>洗衣机</li>
					<li>空调</li>
				</ul>
			</div>
		</div>
	</div>
	<section class="section-Lnav">
		<div class="section-con">
			<div class="left-nav-con">
				<aside class="left-nav">
					<ul>
						<li><a href="javascript:">手机 电话卡<i class="fa fa-angle-right"></i></a></li>
						<li><a href="javascript:">电视 盒子<i class="fa fa-angle-right"></i></a></li>
						<li><a href="javascript:">笔记本 平板<i class="fa fa-angle-right"></i></a></li>
						<li><a href="javascript:">家电 插线板<i class="fa fa-angle-right"></i></a></li>
						<li><a href="javascript:">出行 穿戴<i class="fa fa-angle-right"></i></a></li>
						<li><a href="javascript:">智能 路由器<i class="fa fa-angle-right"></i></a></li>
						<li><a href="javascript:">电源 配件<i class="fa fa-angle-right"></i></a></li>
						<li><a href="javascript:">健康 儿童<i class="fa fa-angle-right"></i></a></li>
						<li><a href="javascript:">耳机 音箱<i class="fa fa-angle-right"></i></a></li>
						<li><a href="javascript:">生活 箱包<i class="fa fa-angle-right"></i></a></li>
					</ul>
				</aside>
			</div>
			<div class="left-nav-img">
				<ul class="img-box">
					<li class="initial"><img src="./image/img-switch/6.jpg"></li>
					<li><img src="./image/img-switch/7.jpg"></li>
					<li><img src="./image/img-switch/8.jpg"></li>
					<li><img src="./image/img-switch/9.jpg"></li>
					<li><img src="./image/img-switch/10.jpg"></li>
				</ul>
				<div class="img-index-box">
				</div>
				<div class="left-nav-spirte">
					<div class="spirte">
						<div class="spirte-bg-left"><img src="./image/img-switch/spirte-left.png" id="left-spirte">
						</div>
						<div class="spirte-bg-right"><img src="./image/img-switch/spirte-right.png" id="right-spirte">
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="section-img">
		<div class="img-list">
			<img class="img-center" src="./image/1.jpg"><br>
			<div class="img-title-text">手机</div>
			<img class="phone1" src="./image/Phone/1.jpg">
			<div class="phone-img">
				<img class="phone" src="./image/Phone/2.png">
				<img class="phone" src="./image/Phone/3.png">
				<img class="phone" src="./image/Phone/4.png">
				<img class="phone" src="./image/Phone/5.png"><br>
				<img class="phone" src="./image/Phone/6.png">
				<img class="phone" src="./image/Phone/7.png">
				<img class="phone" src="./image/Phone/8.png">
				<img class="phone" src="./image/Phone/9.png">
			</div>
			<img class="img-center" src="./image/2.jpg"><br>
			<div class="img-title-text">家电</div>
			<div class="item-img">
				<img class="item_1" src="./image/item_a/1.png">
				<img class="item_2" src="./image/item_a/2.png">
				<img class="item_2" src="./image/item_a/3.png">
				<img class="item_2" src="./image/item_a/4.png">
				<img class="item_3" src="./image/item_a/5.png"><br>
				<img class="item_1" src="./image/item_a/6.png">
				<img class="item_2" src="./image/item_a/7.png">
				<img class="item_2" src="./image/item_a/8.png">
				<img class="item_2" src="./image/item_a/9.png">
				<div class="more_item">
					<img style="margin-bottom: 10px;" class="item_3" src="./image/item_a/10.png"><br>
					<a href="./list.html"><img style="margin-bottom: 0px;" class="item_3"
							src="./image/item_a/11.png"></a>
				</div>
			</div>
			<a href="javascript:"><img class="img-center" src="./image/3.jpg"></a>
		</div>
	</section>
	<!-- <section class="video-nav">
		<div class="vid-1">
			<a href="">
				<img src="">
			</a>
		</div>
	</section> -->
</body>
<script src="./js/jquery-3.5.1.min.js"></script>
<script src="./js/layer/layer.js"></script>
<script src="./js/cookie.js"></script>
<script src="./js/main.js"></script>
<!-- 图片轮播效果 -->
<!-- <script src="./js/img-switch.js"></script> -->
<!-- 图片切换效果 -->
<script src="./js/img-switch-2.js"></script>
<script src="./js/index.js"></script>
<script>
	if (iS == 1) {
		let arr = $('.img-box li');
		arr.each((index, tag) => {
			tag.classList.remove('switch');
		})
	} else {
		let arr = $('.img-box li');
		arr.each((index, tag) => {
			tag.classList.add('switch');
		})
	}
</script>

</html>